PR Description:

This PR refactors the ProjectCard component from a static element
into a fully dynamic and reusable component. It introduces a
comprehensive set of props to control all aspects of the card's
content and appearance, making it adaptable to various project
states.

Key Changes:

• Props-Driven Architecture: The component now accepts props for all
  dynamic data, including creator details, project information, and
  status-specific values like votes, funding, and milestones.
• Conditional Status Badge: The validation badge is now a dynamic
  status badge that changes its color and text based on the
  project's status (Validation, Funding, Funded, Completed).
• Dynamic Footer Content: The footer now conditionally renders the
  correct information based on the project's status:
  • Validation: Displays current vs. goal votes.
  • Funding: Shows the amount raised towards the goal.
  • Funded/Completed: Tracks milestone progress.
• Deadline Urgency Coloring: The deadline text now changes color to
  create a sense of urgency:

  • 15 days: Standard color.

  • <= 15 days: Warning color.
  • <= 3 days: Error/urgent color.
  • Displays a "Milestone Rejected" message when applicable.
• Number Formatting Utility: A new formatNumber utility has been
  added to lib/utils.ts to convert large numbers into a more
  readable format (e.g., 120000 becomes 120k).
• "Read More" UX Enhancement: The project description now truncates
  to three lines with an ellipsis and smoothly expands on hover
  without causing any layout shift.
• Showcase Page: The /projects page has been updated to display five
  different ProjectCard instances, demonstrating the component's
  various states and dynamic capabilities.